<template>
  <view class="container">
    <!-- 协议标题 -->
    <view class="header">
      <view class="title">用户协议</view>
      <view class="update-time">更新时间：2025年3月1日</view>
    </view>
    
    <!-- 协议内容 -->
    <view class="content">
      <!-- 引言 -->
      <view class="section">
        <view class="section-title">引言</view>
        <view class="section-content">
          欢迎您使用我们的图书借阅平台。本协议是您与我们之间关于使用本平台服务所订立的协议。请您仔细阅读本协议的全部内容。如果您不同意本协议的任何内容，您应立即停止使用本平台。当您注册、使用或以任何方式使用本平台时，即表示您已阅读、理解并同意受本协议的约束。
        </view>
      </view>
      
      <!-- 服务内容 -->
      <view class="section">
        <view class="section-title">1. 服务内容</view>
        <view class="section-content">
          <view class="paragraph">1.1 本平台提供图书借阅、归还、续借等服务。</view>
          <view class="paragraph">1.2 用户可以通过本平台浏览图书信息、预约借阅、在线支付押金等。</view>
          <view class="paragraph">1.3 本平台保留随时修改或中断服务的权利。</view>
        </view>
      </view>
      
      <!-- 用户注册 -->
      <view class="section">
        <view class="section-title">2. 用户注册</view>
        <view class="section-content">
          <view class="paragraph">2.1 用户注册时应当提供真实、准确、完整的个人资料。</view>
          <view class="paragraph">2.2 用户应当妥善保管账号和密码，对账号下的所有行为负责。</view>
          <view class="paragraph">2.3 如发现任何未经授权使用账号的情况，应立即通知平台。</view>
        </view>
      </view>
      
      <!-- 用户行为规范 -->
      <view class="section">
        <view class="section-title">3. 用户行为规范</view>
        <view class="section-content">
          <view class="paragraph">3.1 用户应当遵守法律法规，不得利用本平台从事违法活动。</view>
          <view class="paragraph">3.2 用户应当爱护借阅的图书，按时归还，如有损坏需照价赔偿。</view>
          <view class="paragraph">3.3 用户不得发布虚假信息或进行其他损害平台利益的行为。</view>
        </view>
      </view>
      
      <!-- 知识产权 -->
      <view class="section">
        <view class="section-title">4. 知识产权</view>
        <view class="section-content">
          <view class="paragraph">4.1 本平台的所有内容，包括但不限于文字、图片、音频、视频等，均受知识产权法律法规保护。</view>
          <view class="paragraph">4.2 未经平台书面许可，用户不得以任何方式使用、复制、传播平台内容。</view>
        </view>
      </view>
      
      <!-- 隐私保护 -->
      <view class="section">
        <view class="section-title">5. 隐私保护</view>
        <view class="section-content">
          <view class="paragraph">5.1 平台重视用户隐私保护，具体隐私政策请参见《隐私政策》。</view>
          <view class="paragraph">5.2 平台将采取合理措施保护用户个人信息安全。</view>
        </view>
      </view>
      
      <!-- 协议修改 -->
      <view class="section">
        <view class="section-title">6. 协议修改</view>
        <view class="section-content">
          <view class="paragraph">6.1 平台有权在必要时修改本协议条款。</view>
          <view class="paragraph">6.2 本协议条款修改后，将在平台上公布修改后的协议内容。</view>
          <view class="paragraph">6.3 如用户不同意修改后的协议，应立即停止使用本平台。</view>
        </view>
      </view>
      
      <!-- 法律适用 -->
      <view class="section">
        <view class="section-title">7. 法律适用</view>
        <view class="section-content">
          <view class="paragraph">7.1 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。</view>
          <view class="paragraph">7.2 如发生本协议相关的争议，应友好协商解决；协商不成的，任何一方均可向平台所在地有管辖权的人民法院提起诉讼。</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
// 无需额外的脚本逻辑
</script>

<style lang="scss">
.container {
  min-height: 100vh;
  background: #fff;
  padding: 30rpx;
}

.header {
  text-align: center;
  margin-bottom: 40rpx;
  
  .title {
    font-size: 36rpx;
    color: #333;
    font-weight: bold;
    margin-bottom: 10rpx;
  }
  
  .update-time {
    font-size: 24rpx;
    color: #999;
  }
}

.content {
  .section {
    margin-bottom: 40rpx;
    
    &:last-child {
      margin-bottom: 0;
    }
    
    .section-title {
      font-size: 32rpx;
      color: #333;
      font-weight: bold;
      margin-bottom: 20rpx;
    }
    
    .section-content {
      .paragraph {
        font-size: 28rpx;
        color: #666;
        line-height: 1.6;
        margin-bottom: 16rpx;
        text-align: justify;
        
        &:last-child {
          margin-bottom: 0;
        }
      }
    }
  }
}
</style> 